<!DOCTYPE HTML>
<html>
<head>
    <title>.:: Babosarang renewal ::.</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" language="javascript" src="js/jquery.js"></script>
    <script type="text/javascript" language="javascript" src="js/html5.js"></script>
    <script type="text/javascript" language="javascript" src="js/jquery.banner.js"></script>
    <script type="text/javascript" language="javascript" src="js/common.js"></script>
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/shop.css" />
    <link rel="shortcut icon" href="img/favicon.ico" />
</head>
<body>
    <header>
        <div class="container"><img src="img/header.jpg" /></div>
    </header>
    <section>
        <div class="container">
    
            <!-- Begin: Breadcrumb -->
            <dl class="breadcrumb">
                <span class="home"></span>홈<span class="cursor"></span><strong>바보커머스</strong>
            </dl>
            <!-- End: Breadcrumb -->
            
            <!-- Begin: Commerce Section -->
            <div id="commerce">
            
                <!-- Begin: Banner Love Fool -->
                <dl><a href="#"><img src="img/commerce/baner_love_fool.jpg" /></a></dl>
                <!-- Begin: Banner Love Fool -->
                
                <!-- Begin: Product Top Detail -->
                <ul class="detail mgt20">
                    <li class="s1">
                        <div class="wrap">
                            <dt class="event-icons">
                                <div class="icon icon1"><span>2차 진행</span></div>
                                <div class="icon icon2"><span>&nbsp;</span></div>
                                <div class="icon icon3"><span>&nbsp;</span></div>
                            </dt>
                            <img src="img/commerce/pd_detail_img_665x445.jpg" width="665" height="425" />
                        </div>
                    </li>
                    <li class="s2">
                        <!-- Begin: Percent Progress -->
                        <div class="percent">
                            <div class="wrap">
                                <table class="gird">
                                    <colgroup>
                                        <col width="40" />
                                        <col width="180" />
                                        <col width="*" />
                                    </colgroup>
                                    <tbody>
                                    <tr>
                                        <td align="left"><span class="range">72</span>명</td>
                                        <td align="right"><span class="range">200</span>명</td>
                                        <td>&nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td colspan="2"><div class="meter-round"><span style="width:90%;"><i></i></span></div></td>
                                        <td class="well"><span class="num pink">72</span> <span class="share">명 참여중</span></td>
                                    </tr>
                                    </tbody>  
                                </table>  
                            </div>
                        </div>
                        <!-- End: Percent Progress -->
                        <!-- Begin: Price Section -->
                            <div class="pricediv">
                                <dl class="txt1">[에고스노우] 입점기념 이벤트</dl>
                                <dl class="txt2">하얀 감성을 입은<br/>브랜드 에고스노우</dl>
                                <dl class="sale">
                                    <table width="100%" cellspacing="0" cellpadding="0">
                                        <colgroup>
                                            <col width="150" />
                                            <col width="82" />
                                            <col width="*" />
                                        </colgroup>
                                        <tbody>
                                            <tr>
                                                <td align="left"><span class="percent">90%</span></td>
                                                <td valign="top" align="left" class="icons">
                                                    <img src="img/commerce/product_icon_01.gif" />
                                                    <img src="img/commerce/product_icon_02.gif" />
                                                </td>
                                                <td valign="top" align="left" class="prtxt">
                                                    <dl class="price1"><strike>36,000</strike>원</dl>
                                                    <dl class="price2">36,000<span>원</span></dl>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </dl>
                                <dl class="btndiv">
                                    <a href="#" title="참여하기"><img src="img/commerce/btn_join.gif" /></a>
                                    <a href="#" title="바로구매"><img src="img/commerce/btn_buy.gif" /></a>
                                </dl>
                            </div>    
                        <!-- Begin: Price Section -->
                        <!-- Begin: Favorite Section -->
                        <div class="favorite">
                            <div class="wrap">
                                <table class="gird">
                                    <colgroup>
                                        <col width="265" />
                                        <col width="*" />
                                    </colgroup>
                                    <tr>
                                        <td>
                                            <img src="img/commerce/bg_social.gif" usemap="#btnSocial" />
                                            <map name="btnSocial">
                                                <area title="Share Facebook" href="#" coords="1,18,27,43" shape="rect" />
                                                <area title="Share Twitter" href="#" coords="33,18,59,43" shape="rect" />
                                                <area title="Share M" href="#" coords="67,18,155,92" shape="rect" />
                                            </map>
                                        </td>
                                        <td>
                                            <img src="img/commerce/bg_favorite.gif" usemap="#btnFavorite" />
                                            <map name="btnFavorite">
                                                <area title="앵콜신청" href="#" coords="20,3,41,23" shape="rect" />
                                                <area title="당첨후기" href="#" coords="80,3,98,23" shape="rect" />
                                                <area title="참여리스트" href="#" coords="138,3,155,23" shape="rect" />
                                            </map>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                        <!-- Begin: Favorite Section -->
                    </li>
                </ul>
                <!-- End: Product Top Detail -->
                
                <!-- Begin: Event Progress of Progress -->
                <table class="tb-event mgt20">
                    <colgroup>
                        <col width="183" />
                        <col width="183" />
                        <col width="183" />
                        <col width="183" />
                        <col width="183" />
                        <col width="*" />
                    </colgroup>
                    <tbody>
                        <tr height="76">
                            <td colspan="6" class="title"><img src="img/commerce/bg_event_progress.jpg" /></td>
                        </tr>
                        <tr height="123">
                            <td class="cell bg">
                                <p class="txt">
                                    <img src="img/commerce/btn_event_result.gif" /><br />
                                    <span class="bold">1</span>차 구매 (<span class="bold">1:200</span> 확률)<br />
                                    10월18일<br />
                                    rkdmf3826 님 
                                </p>
                            </td>
                            <td class="cell bg">
                                <p class="txt">
                                    <img src="img/commerce/btn_event_result.gif" /><br />
                                    <span class="bold">2</span>차 구매 (<span class="bold">1:200</span> 확률)<br />
                                    10월18일<br />
                                    rkdmf3826 님
                                </p>
                            </td>
                            <td class="cell">
                                <p class="txt pink">
                                    <img src="img/commerce/btn_event_progress.gif" /><br />
                                    <span class="bold">3</span>차 구매 (<span class="bold">1:200</span> 확률)<br />
                                    <strong>진행중</strong>
                                </p>
                            </td>
                            <td class="cell"><p class="txt"></p></td>
                            <td class="cell"><p class="txt"></p></td>
                            <td class="cell"><p class="txt"></p></td>
                        </tr>
                    </tbody>
                </table>
                <!-- End: Event Progress of Progress -->
                
                <!-- Begin: Image Top Bar Section -->
                    <div class="topbar">
                        <div class="topinfo">
                            <dl class="brand">[에고스노우]입점기념 이벤트</dl>
                            <dl class="name">하얀 감성을 입은 브랜드 에고스노우</dl>
                            <dl class="price">
                                    <span class="s1"><span class="sell">36,000</span>원</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                    <span class="s2 pink"><span class="sale">36,000</span>원</span>
                            </dl>
                            <dl class="btndiv"><a href="#" title="브랜드 더보기"><img src="img/commerce/btn_more_brand.gif" /></a></dl>
                        </div>
                        <!-- [begin]: #brand_img -->
                        <img id="brand_img" class="ensign" src="img/commerce/img_topbar.jpg" />
                        <!-- [end]  : #brand_img -->
                    </div>
                <!-- Begin: Image Top Bar Section -->
                
                <!-- Begin: Image Detail Section -->
                    <div class="detail-area">
                        <span class="icon-detail"></span>
                        <center>
                            <img class="ensign" src="img/commerce/img_detail_01.jpg" /><br />
                            <img class="ensign" src="img/commerce/img_detail_02.jpg" />
                        </center>
                    </div>
                <!-- Begin: Image Detail Section -->
                
                <!-- Begin: Banner Bottom Tip -->
                <dl id="bottom_tip">
                    <img src="img/commerce/baner_bottom_tip.jpg" usemap="#btnbottomtip" />
                    <map name="btnbottomtip">
                        <area shape="rect" coords="57,37,343,63" href="#" alt="banner bottom tip" title="※바보사랑 바보커머스 사용 TIP!"/>
                    </map>
                </dl>
                <!-- End: Banner Bottom Tip -->
                
            </div>
            <!-- End: Commerce Section -->
            
            </div>
        </section>
        <footer>
            <div class="container"><img src="img/footer.jpg" /></div>
        </footer>
    </body>
</html>